<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<HEAD>
     <TITLE>Angles - Cascading Style Sheet Units of Measure</TITLE>
     <link rel="stylesheet" type="text/css" href="../../../ss/2.css" id="thecss">
     <script type="text/javascript" src="../../../scripts/csschange.js"></script>
</HEAD>

<BODY onload="readSS()">

<br>
<center>
<table border=3 cellpadding=5 cellspacing=0>
<tr>
    <td rowspan=2><h1 class="pagetitle">Angles</h1>
    <b><a href="../../../misc/suppkey.htm">Support Key:</a></b>
    [<b><i class="fs">CSS2</i></b>|<b class="s">CSS2.1</b>]<br></td>
    <td align=center colspan=2><b class="alert">Other Units</b><br></td>
</tr>
<tr>
     <td><a href="rellength.htm">Relative Length</a><br>
         <a href="abslength.htm">Absolute Length</a><br>
         <a href="url.htm">URL</a><br></td>
     <td><a href="color.htm">Color</a><br>
         <a href="time.htm">Time</a><br>
         <a href="frequency.htm">Frequency</a><br></td>
</tr>
<tr><td align=center colspan=3>
<font size=2>= <span class="sitetitle">Index DOT Css</span> by <a 
href="../../../misc/email.htm">Brian Wilson</a> =</font><br>
</td></tr>
</table>
</center>

<div align="center">
<font size=2><a href="../../index.html">Main Index</a> |
   <a href="../../propindex/font.htm">Property Index</a> |
   <a href="../../supportkey/syntax.htm">CSS Support History</a> |
   <a href="../../../history/browsers.htm">Browser History</a></font>
</div>
<hr size=1 align="center" width="25%">

<br><br>
<dl>
<dt><big><b class="mainheading">What is it?</b></big>
    <dd>Angles are used with <a href="../../propindex/aural.htm">Aural CSS
        properties</a> to indicate the location of sounds/events relative to the
        listener. An angle value is given using a number, followed by the angle
        unit (listed below.) Angle values may be positive or negative (numbers
        are prefixed with a plus or minus sign ("+"/"-".) Negative angle values
        are of opposite rotation to the reference positive direction. If an
        angle value is larger than one full rotation, the computed value is the
        angle remainder from the reference zero angle axis.
</dl>

<dl>
<dt><big><b class="mainheading">Angle Units in CSS</b></big>
<dt><b class="subheading">deg</b>
<dt>[<b><i class="fs">CSS2</i></b>|<b class="s">CSS2.1</b>]
    <dd><b class="l3heading">Description:</b><br>Degrees. Divides a circle in 360 equal parts.

<dt><b class="subheading">grad</b>
<dt>[<b><i class="fs">CSS2</i></b>|<b class="s">CSS2.1</b>]
    <dd><b class="l3heading">Description:</b><br>Grads. A 90 degree, right-angle
        represents 100 grads. A full circle would be 400 equal grads.

<dt><b class="subheading">rad</b>
<dt>[<b><i class="fs">CSS2</i></b>|<b class="s">CSS2.1</b>]
    <dd><b class="l3heading">Description:</b><br>Radians. Divides a circle in 2*PI units.
</dl>

<dl>
<dt><big><b class="mainheading">Example</b></big>
    <dd><div class="example"><b class="selector">div</b>
        { <span class="property">azimuth:</span> 45deg }</div>
</dl>

<big><b class="mainheading">Browser Peculiarities</b></big>
<ul>
    <li>Nothing to report.
</ul>

<br><br>
<a href="../../../misc/copyright.htm">Boring Copyright Stuff....</a>
<br>

</BODY>
</HTML>